<link rel="stylesheet" type="text/css" href="views/home/main/home.css">
<div class="h_home" ng-controller="HomeController" id="a">
	<div class="h_bannar">
		  <!-- Swiper -->
	    <div class="swiper-container">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide"><img src="views/home/main/images/bannar1.jpg"/></div>
	            <div class="swiper-slide"><img src="views/home/main/images/bannar2.jpg"/></div>
	            <div class="swiper-slide"><img src="views/home/main/images/bannar3.jpg"/></div>
	            <div class="swiper-slide"><img src="views/home/main/images/bannar4.jpg"/></div>
	            <div class="swiper-slide"><img src="views/home/main/images/bannar5.jpg"/></div>
	        </div>
	        <!-- Add Pagination -->
	        <div class="swiper-pagination" id="swiper-pagination"></div>

	    </div>
		 
		  <div class="h_notice">
		  		<span class="left">
		  			<img src="views/home/main/images/qk.png" />
		  		</span>
		  		<span class="right">1月5日起刀具类产品新疆地区不发货</span>
		  </div>
		  <div class="h_toSort">
		  	<a ui-sref="sort">
		  		<img src="views/home/main/images/ban1.png" />
		  		<span>居家</span>
		  	</a>
		  	<a ui-sref="sort">
		  		<img src="views/home/main/images/ban2.png" />
		  		<span>餐厨</span>
		  	</a>
		  	<a ui-sref="sort">
		  		<img src="views/home/main/images/ban3.png" />
		  		<span>配件</span>
		  	</a>
		  	<a ui-sref="sort">
		  		<img src="views/home/main/images/ban4.png" />
		  		<span>服装</span>
		  	</a>
		  	<a ui-sref="sort">
		  		<img src="views/home/main/images/ban5.png" />
		  		<span>更多</span>
		  	</a>
		  </div>
	</div>
	<!--品牌制造商直供-->
	<div class="h_marker">
		<div class="head">
			<a ui-sref="maker">
				<span>品牌制造商直供</span>
				<i></i>
			</a>
		</div>
		<ul class="mk_list">
			<li class="item" ng-repeat="mark in h_tagList">
				<img lazy-src="{{mark.picUrl}}"/>
				<div>
					<h4>{{mark.name}}</h4>
					<span class="much">
						<span class="num">{{mark.floorPrice}}</span>
						<span class="yuan">元起</span>
					</span>
				</div>
			</li>
		</ul>
	</div>
	<!--新品首发-->
	<div class="h_newpro">
		<div class="head">
			<a ui-sref="special">
				<span>周一周四 · 新品首发</span>
				<i></i>
			</a>
		</div>
		<ul class="new_list">
			<li class="item" ng-repeat="x in h_newList" ng-click = "dianwo($event)">
			<hello data-id="{{x.id}}">
				<a ui-sref="detail">
					<img lazy-src="{{x.listPicUrl}}"/>
					<p>{{x.name}}</p>
					<div class="money">
						<span>{{x.retailPrice | currency:"¥"}}</span>
					</div>
					<div class="hasColor" ng-if="x.colorNum !=0">
						<span>{{x.colorNum}}</span>
						<span>色可选</span>
					</div>
				</a>
			</hello>
			</li>
		</ul>
	</div>
	<!--人气推荐-->
	<div class="h_popul">
		<div class="head">
			<a ui-sref="sort">
				<span>人气推荐</span>
				<i></i>
			</a>
		</div>
		<ul class="popu_list">
			<li class="item" ng-repeat="x in h_popuList" data-id="{{x.id}}">
				<hello data-id="{{x.id}}">
				<a ui-sref="detail">
					<div class="left">
						<img lazy-src="{{x.listPicUrl}}"/>
						<div class="hasColor" ng-if="x.colorNum !=0">
							<span>{{x.colorNum}}</span>
							<span>色</span>
							<span>可</span>
							<span>选</span>
						</div>
					</div>
					<div class="right">
						<p class="name">{{x.name}}</p>
						<p class="simple">{{x.simpleDesc}}</p>
						<div class="money">
							<span>{{x.retailPrice |currency:"¥"}}</span>
						</div>
					</div>
				</a>
				</hello>
			</li>
		</ul>
	</div>
	<!--严选限时购-->
	<div class="h_timesale">
		<div class="left">
		<a ui-sref="timelimit">
			<p>严选限时购</p>
			<div class="up_time">
				<span class="hours">{{hour}}</span>
				<span class="colon">:</span>
				<span class="mins">{{min}}</span>
				<span class="colon">:</span>
				<span class="secs">{{sec}}</span>
			</div>
			<div class="next">
				<span>下一场</span>
				<span class="next_time">22:00</span>
				<span>开始</span>
			</div>
		</a>
		</div>
		<a ui-sref="timelimit">
		<div class="right">
			<img  src="views/home/main/images/time.png"/>
			<div>
				<span>¥29</span>
				<span>¥35</span>
			</div>
		</div>
		</a>
	</div>
	<!--专题精选-->
	<div class="h_topic">
		<div class="head">
			<a ui-sref="special">
				<span>专题精选</span>
				<i></i>
			</a>
		</div>
		<div class="topic_main">
			<ul class="topic_list">
				<li class="item" ng-repeat="x in h_topicList" data-id="{{x.id}}">
					<hello data-id="{{x.id}}">
					<a ui-sref="detail">
						<img lazy-src="{{x.itemPicUrl}}"/>
						<div class="title">
							<h4>{{x.title}}</h4>
							<div class="money">
								<span>{{x.priceInfo}}</span><span>元起</span>
							</div>
						</div>
						<div class="subtit">{{x.subtitle}}</div>
					</a>
					</hello>
				</li>
			</ul>
		</div>
	</div>
	<!--各种分类部分-->
	<div class="h-indexFloor" ng-repeat="y in h_cateList">
		<h3 class="title">{{y.name}}好物</h3>
		<ul class="h_goodList">
			<li class="item" ng-repeat="x in y.itemList | limitTo:7" data-id="{{x.id}}">
				<hello data-id="{{x.id}}">
				<a ui-sref="detail">
					<div class="pic">
						<img lazy-src="{{x.listPicUrl}}"/>
					</div>
					<p class="name">{{x.name}}</p>
					<div class="money">¥{{x.retailPrice}}</div>
					<div class="hasColor" ng-if="x.colorNum !=0">
						<span>{{x.colorNum}}</span>
						<span>色</span>
						<span>可</span>
						<span>选</span>
					</div>
				</a>
				</hello>
			</li>
			<li class="item item_more">
				<a ui-sref="sort">
					<p>更多{{y.name}}好物</p>
					<i></i>
				</a>
			</li>
		</ul>
	</div>
</div>

<script type="text/javascript" src="views/home/main/home.js"></script>